import React from 'react';
import { createRoot } from 'react-dom/client';
import { GoldMarketReport } from './example.jsx';
import '../styles/globals.css'; // Import global styles if they exist

// Import any additional CSS
try {
  // Dynamically import additional styles if needed
  const requireStyles = require.context('../styles', true, /\.css$/);
  requireStyles.keys().forEach(requireStyles);
} catch (error) {
  console.log('No additional styles found');
}

// Wait for the DOM to be ready
document.addEventListener('DOMContentLoaded', () => {
  const rootElement = document.getElementById('root');
  if (rootElement) {
    const root = createRoot(rootElement);
    root.render(<GoldMarketReport />);
  }
}); 